﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true" CodeFile="DesvincularQuesitoAG.aspx.cs" Inherits="Quesito_DesativarQuesito" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="../scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <script src="../Teste/fancySlidingForm/sliding.form.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <link href="../Teste/fancySlidingForm/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var configGridEvento = { s: 4, i: 1, t: '', o: '' };
        var configGridQuesito = { s: 4, i: 1, t: '', o: '' };
		var idEvento;
        function novaPesquisaEvento()
        {
            document.getElementById("textPesquisaEvento").style.visibility = 'visible';
            document.getElementById("PesquisarEvento").style.visibility = 'visible';
            document.getElementById("anovaPesquisaEvento").style.visibility = 'hidden';
            document.getElementById("tabela-Evento").style.visibility = 'hidden';
            configGridEvento.i = 1;
        };
        function novaPesquisaQuesito()
        {
            document.getElementById("textPesquisaQuesito").style.visibility = 'visible';
            document.getElementById("PesquisarQuesito").style.visibility = 'visible';
            document.getElementById("anovaPesquisaQuesito").style.visibility = 'hidden';
            document.getElementById("tabela-quesito").style.visibility = 'hidden';
            configGridQuesito.i = 1;
        };
        function selecionarEvento(guid)
        {
			idEvento = guid;
			//$('#passo2').click();
			carregarListaQuesito();
        };
        function vincularDesvincular(guid)
        {
            $.ajax({
		        type: "POST",
		        url: "DesvincularQuesito.aspx/vincularDesvincular",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({id: guid}),
		        success: 
                    function ()
                    {
                        carregarListaQuesito();
                    }
	        });
        };
		function carregarListaQuesito(){
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularQuesito.aspx/getQuesito",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridQuesito.i, id: idEvento}),
				    success: 
					    function (msg) {
							lista = msg.d;
						    $('#tabela-quesito').fswGrid({
							    bottombar: '#tabela-quesito-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum quesito encontrado',
							    pageSize: configGridQuesito.s,
							    onNext: function (i) {
								    configGridQuesito.i = configGridQuesito.i + 1;
							    },
							    onPrev: function (i) {
								    configGridQuesito.i = configGridQuesito.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.titulo));
									if(item.status == true)
										tdAcoes.append($('<a id="buttonDesvincular" href="javascript:vincularDesvincular(\''+item.id+'\')"  class="buttonAcaoMenor">Desvincular</a>'));
									else
										tdAcoes.append($('<a id="buttonVincular" href="javascript:vincularDesvincular(\''+item.id+'\')" class="buttonAcaoMenor">Vincular</a>'));
									var buttonAcessar = $('<a id="buttonVincular" href="javascript:window.location(\'AcessarQuesito.aspx?i='+item.id+'\')" class="buttonAcaoMenor">Acessar</a>')
									tdAcoes.append(buttonAcessar);
								    $(row).append(tdAcoes);
								}
							}, lista);
					    },
			    });
	    };
        function carregarListaEvento(){
            document.getElementById("textPesquisaEvento").style.visibility = 'hidden';
            document.getElementById("PesquisarEvento").style.visibility = 'hidden';
            document.getElementById("anovaPesquisaEvento").style.visibility = 'visible';
            document.getElementById("tabela-evento").style.visibility = 'visible';
            document.getElementById("table-evento-footer").style.visibility = 'visible';
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularQuesito.aspx/getEvento",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridEvento.i, nome: $('#textPesquisaEvento').val()}),
				    success: 
					    function (msg) {
					    lista = msg.d;
						    $('#tabela-evento').fswGrid({
							    bottombar: '#table-evento-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum evento encontrado',
							    pageSize: configGridEvento.s,
							    onNext: function (i) {
								    configGridEvento.i = configGridEvento.i + 1;
							    },
							    onPrev: function (i) {
								    configGridEvento.i = configGridEvento.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.titulo));
									var buttonSelecionar = $('<a href="javascript:selecionarEvento(\''+item.id+'\');" class="buttonAcaoMenor">Selecionar</a>');
								    tdAcoes.append(buttonSelecionar);                       
								    $(row).append(tdAcoes);
							    }
						    }, lista);
					    },
			    });
	    };
    </script>
    <style>
        span.reference{
            position:fixed;
            left:5px;
            top:5px;
            font-size:10px;
            text-shadow:1px 1px 1px #fff;
        }
        span.reference a{
            color:#555;
            text-decoration:none;
			text-transform:uppercase;
        }
        span.reference a:hover{
            color:#000;
            
        }
        h1{
            color:#ccc;
            font-size:36px;
            text-shadow:1px 1px 1px #fff;
            padding:20px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <table>
        <tr>
            <td style="padding-right: 30px;">
                <dl>
                    <dt style="color: Blue; font-size: 15px">MENU</dt>
                    <br />
                    <dd>
                        <a href="\Default.aspx" style="border-bottom: 1px solid #F4F4F4">Principal</a>
                    </dd>
                    <dd>
                        <a href="SistemaEventos\Artigo\GerenciarArtigo.aspx" style="border-bottom: 1px solid #F4F4F4">
                            Gerenciar Artigo</a>
                    </dd>
                </dl>
            </td>
            <td style="border-left: 1px solid #EEE; padding-left: 10px">
                <div id="content">
                    <div id="wrapper2">
                        <div id="steps">
                            <form id="formElem" name="formElem" action="" method="post">
								<fieldset class="step">
									<div>
										<div>
											<h2>
												Pesquise o evento</h2>
											<br />
										</div>
										<input id="textPesquisaEvento" type="text" />
										<a class="buttonAcao" id="PesquisarEvento" href="javascript:carregarListaEvento();">
											Pesquisar</a> <a style="visibility: hidden" id="anovaPesquisaEvento" class="buttonAcao"
												href="javascript:novaPesquisaEvento();">Nova Pequisa</a>
										<br />
									</div>
									<table class="tabela-pesquisa" id="tabela-evento" style="visibility: hidden">
										<thead>
											<tr>
												<th>
													Nome
												</th>
												<th>
													Ação
												</th>
											</tr>
										</thead>
										<tbody>
										</tbody>
									</table>
									<div class="button-footer" id="table-evento-footer" style="visibility: hidden">
										<span class="fsw-grid-results"></span><a runat="server" id="A1" class="fsw-grid-prev"
											href="javascript:carregarListaEvento();">Anterior</a> <a class="fsw-grid-next" runat="server"
												id="A2" href="javascript:carregarListaEvento();">Próximo</a>
									</div>
								</fieldset>
								<fieldset class="step">
									<div>
										<div>
											<h2>
												Quesitos do evento</h2>
											<br />
										</div>
									</div>
									<table class="tabela-pesquisa" id="tabela-quesito" >
										<thead>
											<tr>
												<th>
													Nome
												</th>
												<th>
													Ações
												</th>
											</tr>
										</thead>
										<tbody>
										</tbody>
									</table>
									<div class="button-footer" id="table-quesito-footer" style="visibility: hidden">
										<span class="fsw-grid-results"></span><a runat="server" id="gridprev" class="fsw-grid-prev"
											href="javascript:carregarListaQuesito();">Anterior</a> <a class="fsw-grid-next"
												runat="server" id="gridnext" href="javascript:carregarListaQuesito();">Próximo</a>
									</div>
								</fieldset>
                            </form>
                        </div>
                        <div id="navigation" style="display: none; visibility: hidden;">
                            <ul>
                                <li class="selected"><a href="#" id="passo1">1 - Pesquise o evento</a> </li>
                                <li><a href="#" id="passo2">2 - Quesitos do evento</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</asp:Content>
